<!DOCTYPE html>
<html>
<head>
<title>项目二</title>
<link href="style.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 简单的轮播（Carousel）插件</title>
	<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</meta>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
项目二：班别-姓名-学号
<div id="container">外框

<div id="Login">

<ul>
<li><a href="#contact">登陆</a></li>
<li><a href="#about">注册</a></li>
</ul>
</div>
 <div id="Header">页眉
 </div>
 
 <ul>
	<li><a class="Active" href="index.html">主页</a></li>
	<li><a href="https://www.tmall.com/">新闻</a></li>
	<li><a href="search.html">热搜</a></li>
	<li><a href="contact.html">联系</a></li>
	<li><a href="about.html">关于</a></li>
 </ul>
  
 <div id="PageBody"><!--页面主体-->
  <div id="MainBody">主体
<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="http://b-ssl.duitang.com/uploads/item/201801/06/20180106191202_kWLUr.jpeg" height="1600" width="1200" alt="First slide">
		</div>
		<div class="item">
			<img src="http://img.mp.sohu.com/upload/20170702/e45c106bb9d4476c983e4ac1a5f9d8eb_th.png" height="1600" width="1200" alt="Seond slide">
		</div>
		<div class="item">
			<img src="http://b-ssl.duitang.com/uploads/item/201804/13/20180413220910_JdTut.jpeg" height="1600" width="1200" alt="Third slide">
		</div>
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div> 

  </div>
  <div id="SideBar">侧边栏
  </div>
   
 </div>
 <div id="Footer">页面底部
 </div>
</div>
</body>
</html>